<template>
  <div class="home">
<!-- 	  <van-skeleton title :row="3" /> -->
    <!-- 头部 -->
	<Header></Header>
	<!-- 轮播图 -->
	<Swipe :list="list"></Swipe>
	<Homecalssify></Homecalssify>
	<NewShop :list="listNewShop"></NewShop>
	<Honerecommend :list="listCommend"></Honerecommend>
	
	
	<!-- <van-skeleton title :row="3" /> -->
	
	

	
	<div style="width: 100vw;height: 10vh;"></div>
	<TabBar :home="home"></TabBar>
	
	
	
  </div>
</template>

<script>
// @ is an alias to /src

import Header from '../components/Home/header.vue'
import Swipe from '../components/Home/swipe.vue'
import Homecalssify from '../components/Home/Home_classify.vue'
import NewShop from '../components/Home/NewShop.vue'
import Honerecommend from '../components/Home/Honerecommend.vue'
import TabBar from '../components/TabBar.vue'



export default {
	data(){
		return{
		   home:true,
		   list:[],
		   listNewShop:[],
		   listCommend:[]
		}
	},
  name: 'Home',
  components: {
    // HelloWorld
	Header,
	Swipe,
	Homecalssify,
	NewShop,
	Honerecommend,
	TabBar
  },
  created() {
	  // 轮播图
  	this.$store.dispatch("user/Home_Swipe").then(e=>{
  		// console.log(e.data.data)
  		this.list=e.data.data
  	})
	 // 新品上市
	this.$store.dispatch("user/Home_NewShop").then(e => {
		// console.log(e.data.data)
		this.listNewShop = e.data.data
	})
	// 为您推荐
	this.$store.dispatch("user/Home_Commend").then(e => {
		// console.log(e.data.data)
		this.listCommend = e.data.data
	})
	
  }
 
 
 
}
</script>
<style type="text/css">

	
</style>
